<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="description" content="蓝聘APP,服务蓝领群体，真实、可靠、值得信赖的招聘服务平台，提供记工时、查工资、企业点评、无偿借支等多项功能，线上、线下全方位服务，让蓝领人士在求职的路上不再坎坷." />
		<meta name="keywords" content="蓝聘app，蓝聘网络科技，服务蓝领，真实，可靠，值得信赖，记工时，查工资，企业点评，找工作，无偿借支，蓝领求职，智能求职，蓝聘网，大和蓝聘网，大和" />
		<title>蓝聘,专注蓝领人士的求职服务！</title>
		<link rel="shortcut icon" href="img/icon/logo_favicon.ico">
		<link rel="stylesheet" href="css/common/header.css" />
		<link rel="stylesheet" href="css/common/footer.css" />
		<link rel="stylesheet" href="css/common/service.css" />
		<link rel="stylesheet" href="css/material/accountset.css" />
	</head>

	<body>
		<div class="wrapbox">
			<!-- 账号设置header -->
			<div class="header">
				<div class="header_con">
					<div class="header1">
						<div class="header_img">
							<img src="img/common/location.png" />
						</div>
						<span class="address" id="address"></span>
						<div class="material_header">
							<div class="material_img">
								<img src="img/personal/userimg.png" />
							</div>
							<div class="info">
								<span class="material_name" id="nickname"></span>
								<div class="material_img1">
									<img src="img/personal/arrow_bottom.png" id="menubar" />
								</div>
							</div>
							<div class="material_phone">
								<img src="img/common/phone.png" />
							</div>
							<span class="material_phone1">400-8568815</span>
						</div>
						<div class="tab_nav" style="display: none;">
							<div class="tab_nav_con">
								<ul>
									<li>
										<a href="javascript:;" onclick="toPage('material.html')">个人中心</a>
									</li>
									<li>
										<a href="javascript:;" onclick="toPage('intervielist.html')">预约列表</a>
									</li>
									<li>
										<a href="javacript:void(0);" onclick="return false;">账号设置</a>
									</li>
									<li>
										<a href="javascript:;" onclick="toPage('collect.html')">我的收藏</a>
									</li>
									<li>
										<a href="javascript:;" onclick="loginOut()">退出</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="header2">
						<div class="header2_left">
							<div class="header_img4">
								<img src="img/common/logo.png" />
							</div>
							<span class="title">蓝聘网</span>
						</div>
						<div class="header2_right">
							<div class="header2_input">
								<input type="text" class="input1" placeholder="请输入关键字或公司名" id="companyKey" />
							</div>
							<div class="header2_btn">
								<input type="button" class="input2" id="searchJob" />
							</div>
						</div>
					</div>
					<div class="header3">
						<ul class="header3_nav">
							<li>
								<a href="javascript:;" onclick="toPage('index.html')">首页</a>
							</li>
							<li>
								<a href="javascript:;" onclick="toPage('applyjob.html')">求职</a>
							</li>
							<li>
								<a href="javascript:;" onclick="toPage('favorjob.html')">热门招聘</a>
							</li>
							<li>
								<a href="javascript:;" onclick="window.open('http://www.lanpin123.com/bluehired_pc/index.html')">关于蓝聘APP</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!-- 账号设置main -->
			<div class="main">
				<div class="main_con">
					<div class="main_con_txt"><span>账号设置</span></div>
					<div class="main_con_opt">
						<div class="main_con_nav">
							<ul class="tabs">
								<li class="tab tabfirst" name="txt">
									<a href="javascript:void(0);">账号绑定</a>
								</li>
								<li class="tab" name="txt">
									<a href="javascript:void(0);">修改手机号码</a>
								</li>
								<li class="tab" name="txt">
									<a href="javascript:void(0);">修改密码</a>
								</li>
							</ul>
						</div>
						<div class="main_con_bottom">
							<div name="content" class="goods" style="display: block;">
								<div class="bindphone">
									当前手机号：<span id="phone"></span>
									<span class="bindphone_span2">已绑定</span>
								</div>
							</div>
							<div name="content" class="goods">
								<div class="updatephone">
									<div class="phonecon1">
										当前手机号：<span id="oldPhone"></span>
									</div>
									<div class="phonecon2">
										新手机号码：<input type="text" class="input1" id="newPhone" maxlength="11" />
									</div>
									<div class="phonecon3">
										验证码：<input type="text" class="input2" id="code" / maxlength="6">
										<div class="phonecon5">
											<input type="button" class="input3" value="获取验证码" id="code_btn" />
										</div>
									</div>
									<div class="phonecon4">
										<button type="button" class="input4" id="save_btn">保存</button>
									</div>
								</div>
								<div class="errormsg">
									<div class="errormsg1">
										<div class="error1"><img src="img/login/error.png"></div>
										<div class="error1 errtip" id="err_phone"></div>
									</div>
									<div class="errormsg2">
										<div class="error1"><img src="img/login/error.png"></div>
										<div class="error1 errtip" id="err_code"></div>
									</div>
								</div>
							</div>
							<div name="content" class="goods">
								<div class="pwdcon">
									<div class="pwd_con1">
										旧密码：<input class="pwdinput1" type="password" id="oldPwd" maxlength="16" />
									</div>
									<div class="pwd_con2">
										新密码：<input class="pwdinput2" type="password" id="newPwd" maxlength="16" />
									</div>
									<div class="pwd_con3">
										确认新密码：<input class="pwdinput3" type="password" id="comfirmPwd" maxlength="16" />
									</div>
									<div class="pwd_con4">
										<button type="button" class="pwdinput4" id="savepwd_btn">保存</button>
									</div>
								</div>
								<div class="errormsg3">
									<div class="errormsg4">
										<div class="error1"><img src="img/login/error.png"></div>
										<div class="error1 errtip" id="oldPwdMsg"></div>
									</div>
									<div class="errormsg5">
										<div class="error1"><img src="img/login/error.png"></div>
										<div class="error1 errtip" id="newPwdMsg"></div>
									</div>
									<div class="errormsg6">
										<div class="error1"><img src="img/login/error.png"></div>
										<div class="error1 errtip" id="comfirmPwdMsg"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 账号设置footer -->
			<div class="footer">
				<div class="footer_con ">
					<ul class="footer_nav ">
						<li>
							<img src="img/common/footer_banner.jpg" />
						</li>
						<li class="qrcode ">
							<img src="img/common/android.jpg" />
							<p>蓝聘APP下载</p>
						</li>
						<li class="qrcode ">
							<img src="img/common/weixin.png" />
							<p>微信公众号二维码</p>
						</li>
					</ul>
				</div>
				<div class="footer_copy ">
					<P>Copyright © 2018-2022 lanpin123.com 广东蓝聘网络科技有限公司 粤ICP备18085259号</P>
					<p>联系地址：广东省东莞市厚街汀山新车站二楼 联系电话：400-8568815</p>
				</div>
			</div>
		</div>

		<!-- 失败弹出层1 -->
		<div class="errorbox" style="display: none;">
			<div class="errcover"></div>
			<div class="errorcon">
				<img src="img/icon/error.png" class="errorimg">
				<div class="errortext">删除失败</div>
			</div>
		</div>

		<!-- 失败弹出层2 -->
		<div class="warnbox" style="display: none;">
			<div class="cover"></div>
			<div class="warncon">
				<div class="warnimg"><img src="img/icon/error.png"><span class="warntitle">修改失败</span></div>
				<div class="warntext"></div>
			</div>
		</div>

		<!--客服-->
		<div class="service">
			<img src="img/common/service.png" class="service_img" />
			<div class="txt">QQ在线客服</div>
			<div class="service_line"></div>
			<div class="qqtel">
				<div class="qqnumber" id="service_btn1">
					<img src="img/common/qq.png" />
					<span>小杨</span>
				</div>
				<div class="qqnumber" id="service_btn2">
					<img src="img/common/qq.png" />
					<span>小苗</span>
				</div>
				<div class="qqnumber" id="service_btn3">
					<img src="img/common/qq.png" />
					<span>小晶</span>
				</div>
			</div>
		</div>

	</body>

	<script type="text/javascript" src="js/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/jquery/jquery.cookie.js"></script>
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=bfe8c6bfb16f6aa7fa4bdf332f340b3e&plugin=AMap.CitySearch"></script>
	<script type="text/javascript" src="js/util/md5.js"></script>
	<script type="text/javascript" src="blue/common.js"></script>
	<script type="text/javascript" src="js/util/util.js"></script>
	<script type="text/javascript" src="blue/server.js"></script>
	<script type="text/javascript" src="blue/material/js/accountset.js"></script>

	<script type="text/javascript">
		var tabs = document.getElementsByName("txt");
		var goods = document.getElementsByName("content");
		for(var i = 0; i < tabs.length; i++) {
			tabs[i].index = i;
			tabs[i].onclick = function() {
				for(var j = 0; j < tabs.length; j++) {
					var cn = tabs[j].className;
					if(cn.indexOf("tabCurrent") || cn.indexOf("tabfirst")) {
						tabs[j].className = cn.replace("tabCurrent", "").replace("tabfirst", "0");
					}
				}
				var className = this.className;
				if(className.indexOf("0") > 0) {
					this.className = className.concat(" tabfirst");
				} else {
					this.className = className.concat(" tabCurrent");
				}

				for(var k = 0; k < goods.length; k++) {
					goods[k].style.display = "none";
				}
				goods[this.index].style.display = "block";
			}
		}
	</script>

</html>